loadlist();

$(function () {
    $('#first').click(function () {
    loadlist();
});
    });


// 加载列表
function loadlist() {
    $.ajax({
       url:'/movielist',
        type:'get',
        contentType:"application/json",
        dataType:"json",
        success:function (result) {
           // var strstrs = '';
           // console.log(strstrs);
           // for (var i = 0; i < result.length; i++){
           //     console.log(result[i]);
           //     strstrs += "<p style='color: #1e347b'>" + result[i]['name']+"</p>";
           // }
           // console.log(strstrs);
           // $("#demo").html(strstrs);
            var t_body = '<tr>' +
                '<th>电影名称</th>' +
                '<th>电影类型</th>' +
                '<th>上映时间</th>' +
                '<th>观看情况</th>' +
                '<th>创建时间</th>' +
                '<th>图片</th>' +
                '<th>操作栏</th>' +
                '</tr>';
            var str = '';
            $(result).each(function (index, item) {
                // console.log(item);
                var viewed = '';
                //str += '<p style="color:red;background:#1e347b">' + item.name + '</p>';
                if (item.viewed){
                    viewed ='已看';
                }
                else {
                    viewed ='未看';
                }
                str += '<tr class="clear">' +
                        '<td id="pkId" hidden="hidden">'+ item.pk +'</td>'+
                        '<td>'+ item.name + '</td>'+
                        '<td>'+ item.movie_cate + '</td>'+
                        '<td>'+ item.release_date+'</td>'+
                        '<td>'+viewed + '</td>'+
                        '<td>'+item.created+'</td>'+
                        '<td>'+item.movie_img+'</td>'+
                        '<td>'+
                            '<button onclick=moviedel('+item.pk+')>删除</button>'+
                            '<button onclick=ShowDiv("MyDiv",this)>编辑</button>'+
                        '</td>'+
                    '</tr>'

            });
            $('.tab1').empty();
            $('.tab1').append(t_body+str);
            // for (var i in result){
            //     str += '<p style="color: red;background: #1e347b">' + result[i].name + '</p>';
            //     $('#demo').html(str);
            // }

        },
        error:function(xhr){
    console.log("Error: "+xhr.status);
}
    }
    )
}
// );
// 数据提交
$(function () {
    $(".createButton").click(function () {
    // var name = $('#name').val();
    // var movie_cate = $('#movie_cate').val();
    // var movie_img = $('#movie_img').val();
    // var data = {name: $('#name').val(),
    //     movie_cate:$('#movie_cate').val(),
    //     movie_img:$('#movie_img').val(),
    //     release_date:$('#release_date').val(),
    //     viewed:$('#viewed').val()
    // };
    var data = {};
    var formData = $('.form1').children();
    $.each(formData,function (i, n) {
        const name = $(n).attr("id");
        const val = $(n).val();
        //alert(name);
        if(i==5){

        }
        else {
            data[name] = val;
        }


    });
    // alert(data);
    // $.each(data, function (index, item) {
    //     var datas = {};
    //     alert(item.name + item.value);
    //     datas[item.name] = datas[item.value];
    //     alert(datas);
    // });
    $.ajax(
        {
            url: "/movielist/",
            type: 'post',
            contentType:'json',
            dataType: 'json',
            data: JSON.stringify(data),
            success: function (result) {
                console.log(result);
                loadlist();
                window.location
            }
        }
    )
});
});

// 删除数据
function moviedel(id) {
    if(cf('你想好了吗？')){
        $.ajax(
        {
            url:'/movie_detail/'+ id,
            type:'DELETE',
            dataType:'json',
            success:function (result) {
                console.log(result);
                loadlist();

            }

        }
    )
    }
}

// 展示修改弹窗
function ShowDiv(show_div, vale){
  // document.getElementById(show_div).style.display='block';
  $('#'+show_div).show();
  var a = $(vale).parent().siblings();
  var datas = [];
  $.each(a, function (i, n) {

      const num = 5;
      if(num == i){
          console.log(n.innerHTML);
      }
      else {
          if(n.innerHTML == '已看'){
              datas.push(1);
          }
          else if (n.innerHTML == '未看') {
              datas.push(0);
          }
          else {
              datas.push(n.innerHTML);
          }
      console.log(datas);

      }

  });
  $(".tanchuan").each(function (i ,n) {
      //console.log(n);
      $(n).val(datas[i]);
  })
  //   $.each($('.tanchuan'), function (i, n) {
  //       $(n).val(datas[i+1]);
  //   })
  // alert(a);
 //  document.getElementById(bg_div).style.display='block' ;
 //  var bgdiv = document.getElementById(bg_div);
 //  bgdiv.style.width = document.body.scrollWidth;
 // // bgdiv.style.height = $(document).height();
 //  $("#"+bg_div).height($(document).height());
}
//关闭弹出层
function CloseDiv(show_div)
{
  // document.getElementById(show_div).style.display='none';
    $('#'+show_div).hide();
  // document.getElementById(bg_div).style.display='none';
}

// 提示弹窗
function cf(msg){
    if(confirm(msg)){
        return true
    }
    else {}
    return false
}

// 编辑功能
function but_sub() {
    var creatData = {};
    $(".tanchuan").each(function (i, n) {
        // console.log($(n).attr('id'));
        // console.log($(n).val());
        console.log(i);
        const daKey = $(n).attr('id');
        const daValue = $(n).val();
        creatData[daKey] = daValue;

        //newArray(creatData, $(n).attr('id'), $(n).val());
        // console.log(creatData);
    });
    console.log(creatData);
    var a = creatData.pk;
    $.ajax(
        {
            url:"/movie_detail/"+a,
            type:"PUT",
            dataType:'json',
            data: JSON.stringify(creatData.pop()),
            contentType:'json',
            success:function (result) {
                CloseDiv("MyDiv");
                loadlist();
            }
        }
    )
}

